<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三个表</title>
    <link rel="stylesheet" href="./css/styles.css">
    <link rel="stylesheet" href="../css/styles.css">
</head>

<body>
    <nav>
        <ul class="navbar">
            <li><a href="../有声相册/有声相册.html">有声相册</a></li>
            <li><a href="./成绩表.html">成绩表</a></li>
            <li><a href="../表单/示例表单.html">示例表单</a></li>
            <li><a href="../表单/学校预约入校.html">学校预约入校</a></li>
            <li><a href="../表单/登陆注册/登录.html">登陆注册</a></li>
        </ul>
    </nav><br><br><br><br><br>
    <div id="first">
        <table border="1" cellspacing="">
            <caption>成绩表</caption>
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>总分</th>
            </tr>
            <tr>
                <td>张三</td>
                <td>60</td>
                <td>58</td>
                <td>118</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>80</td>
                <td>20</td>
                <td>100</td>
            </tr>
        </table>
    </div><br>
    <div id="second">
        <table border="1" cellspacing="1">
            <caption>任意表格</caption>
            <tr>
                <td rowspan="2">1</td>
                <td colspan="2">1</td>
                <td colspan="2" rowspan="3">1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td rowspan="2">1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td colspan="3">1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td colspan="5">1</td>
            </tr>
        </table>
    </div><br>
    <div id="third">
        <table border="1" cellspacing="0">
            <caption>复杂完整的成绩表</caption>
            <tr>
                <th rowspan="2">姓名</th>
                <th colspan="2">通识课</th>
                <th colspan="3">专业课</th>
                <th rowspan="2">总分</th>
            </tr>
            <tr>
                <th>英语</th>
                <th>高数</th>
                <th>UI设计</th>
                <th>网页设计</th>
                <th>程序设计</th>
            </tr>
            <tr>
                <td>张三</td>
                <td>60</td>
                <td>70</td>
                <td>80</td>
                <td>90</td>
                <td>80</td>
                <td>380</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>70</td>
                <td>60</td>
                <td>90</td>
                <td>80</td>
                <td>80</td>
                <td>380</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>60</td>
                <td>90</td>
                <td>80</td>
                <td>70</td>
                <td>80</td>
                <td>380</td>
            </tr>
            <tr>
                <td>赵铁柱</td>
                <td>90</td>
                <td>70</td>
                <td>80</td>
                <td>60</td>
                <td>80</td>
                <td>380</td>
            </tr>
            <tr>
                <td>平均</td>
                <td>70</td>
                <td>72.5</td>
                <td>82.5</td>
                <td>75</td>
                <td>80</td>
                <td>380</td>
            </tr>
        </table>
    </div>
</body>

</html>